#インターフェイス: BarControllerDatasetOptions
#階層
ScriptableAndArrayOptions
<BarOptions
、ScriptableContext
<"bar"
>>ScriptableAndArrayOptions
<CommonHoverOptions
、ScriptableContext
<"bar"
>>AnimationOptions
<"bar"
>↳
BarControllerDatasetOptions
#プロパティ
#アニメーション
•アニメーション:false
|AnimationSpec
<"bar"
> & {onComplete?
:(this
:Chart
<キーオフChartTypeRegistry
、(number
| [number
、number
] |Point
|BubbleDataPoint
)[]、unknown
>、event
:AnimationEvent
) =>void
;onProgress?
:(this
:Chart
<キーオフChartTypeRegistry
、(number
| [number
、number
] |Point
|BubbleDataPoint
)[]、unknown
>、event
:AnimationEvent
) =>void
}
#継承元
アニメーションオプション.アニメーション
#で定義
タイプ/index.d.ts:1716 (新しいウィンドウが開きます)
#アニメーション
•アニメーション:AnimationsSpec
<"bar"
>
#継承元
アニメーションオプション.アニメーション
#で定義
タイプ/index.d.ts:1726 (新しいウィンドウが開きます)
#背景色
•背景色:ScriptableAndArray
<Color
、ScriptableContext
<"bar"
>>
#継承元
ScriptableAndArrayOptions.backgroundColor
#で定義
タイプ/index.d.ts:1776 (新しいウィンドウが開きます)
#バーパーセンテージ
•バーパーセンテージ:number
各バーがカテゴリの幅内に収まる使用可能な幅のパーセント (0 ~ 1)。 1.0 はカテゴリ全体の幅を取り、バーを互いに隣接して配置します。
Default
0.9
#で定義
タイプ/index.d.ts:114 (新しいウィンドウが開きます)
#バーの厚さ
•バーの厚さ:number
|"flex"
各バーの幅をピクセル単位で手動で設定します。 「flex」に設定すると、バーを全体的に横に配置する「最適な」サンプル幅が計算されます。設定されていない場合 (デフォルト)、バーは最小間隔に基づいて均等なサイズになります。
#で定義
タイプ/index.d.ts:124 (新しいウィンドウが開きます)
#ベース
•ベース:ScriptableAndArray
<number
、ScriptableContext
<"bar"
>>
値軸に沿ったデータ単位でのバーの基本値。
#継承元
ScriptableAndArrayOptions.base
#で定義
タイプ/index.d.ts:2049 (新しいウィンドウが開きます)
#ボーダの色
•ボーダの色:ScriptableAndArray
<Color
、ScriptableContext
<"bar"
>>
#継承元
ScriptableAndArrayOptions.borderColor
#で定義
タイプ/index.d.ts:1775 (新しいウィンドウが開きます)
#境界半径
•境界半径:ScriptableAndArray
<number
|BorderRadius
、ScriptableContext
<"bar"
>>
境界半径
Default
0
#継承元
ScriptableAndArrayOptions.borderRadius
#で定義
タイプ/index.d.ts:2061 (新しいウィンドウが開きます)
#ボーダースキップされました
•ボーダースキップされました:ScriptableAndArray
<boolean
|"end"
|"start"
|"left"
|"top"
|"bottom"
|"right"
|"middle"
、ScriptableContext
<"bar"
>>
スキップされた (除外された) 境界線: 'start'、'end'、'left'、'right'、'bottom'、'top'、'middle'、false (なし)、または true (すべて)。
Default
'始める'
#継承元
ScriptableAndArrayOptions.borderSkipped
#で定義
タイプ/index.d.ts:2055 (新しいウィンドウが開きます)
#境界線の幅
•境界線の幅:ScriptableAndArray
<number
| {bottom?
:number
;left?
:number
;right?
:number
;top?
:number
}、ScriptableContext
<"bar"
>>
境界線の幅、すべての辺の数、各辺の幅を具体的に指定するオブジェクト
Default
0
#継承元
ScriptableAndArrayOptions.borderWidth
#で定義
タイプ/index.d.ts:2074 (新しいウィンドウが開きます)
#カテゴリパーセンテージ
•カテゴリパーセンテージ:number
各カテゴリの利用可能な幅のパーセント (0 ~ 1) がサンプル幅内に収まる必要があります。
Default
0.8
#で定義
タイプ/index.d.ts:119 (新しいウィンドウが開きます)
#クリップ
•クリップ:number
|false
|ChartArea
chartArea を基準にしてクリップする方法。正の値はオーバーフローを許可し、負の値は chartArea 内の多くのピクセルをクリップします。 0 = chartArea でクリップします。クリッピングは側面ごとに構成することもできます。clip: {left: 5, top: false, right: -2, bottom: 0}
#継承元
#で定義
タイプ/index.d.ts:75 (新しいウィンドウが開きます)
#グループ化された
•グループ化された:boolean
バーをインデックス軸上でグループ化する必要があるかどうか
Default
真実
#で定義
タイプ/index.d.ts:146 (新しいウィンドウが開きます)
#隠れた
•隠れた:boolean
データセットの可視性状態を構成します。データセットをチャートから非表示にするには、これを true に設定します。
Default
間違い
#継承元
#で定義
タイプ/index.d.ts:93 (新しいウィンドウが開きます)
#ホバー背景色
•ホバー背景色:ScriptableAndArray
<Color
、ScriptableContext
<"bar"
>>
#継承元
ScriptableAndArrayOptions.hoverBackgroundColor
#で定義
タイプ/index.d.ts:1782 (新しいウィンドウが開きます)
#ホバー境界線の色
•ホバー境界線の色:ScriptableAndArray
<Color
、ScriptableContext
<"bar"
>>
#継承元
ScriptableAndArrayOptions.hoverBorderColor
#で定義
タイプ/index.d.ts:1781 (新しいウィンドウが開きます)
#hoverBorderWidth
•hoverBorderWidth:ScriptableAndArray
<number
、ScriptableContext
<"bar"
>>
#継承元
ScriptableAndArrayOptions.hoverBorderWidth
#で定義
タイプ/index.d.ts:1780 (新しいウィンドウが開きます)
#インデックス軸
•インデックス軸:"x"
|"y"
チャートの基本軸。垂直グラフの場合は「x」、水平グラフの場合は「y」です。
Default
'バツ'
#継承元
#で定義
タイプ/index.d.ts:71 (新しいウィンドウが開きます)
#インフレ金額
•インフレ金額:ScriptableAndArray
<number
|"auto"
、ScriptableContext
<"bar"
>>
長方形を膨張させる量。これを使用して、バー間のアーティファクトを非表示にすることができます。 単位はピクセルです。 barPercentage * categoryPercentage が 1 の場合、'auto' は 0.33 ピクセルに変換され、それ以外の場合は 0 になります。
Default
「自動」
#継承元
ScriptableAndArrayOptions.inflateAmount
#で定義
タイプ/index.d.ts:2068 (新しいウィンドウが開きます)
#ラベル
•ラベル:string
凡例とツールヒントに表示されるデータセットのラベル。
#継承元
#で定義
タイプ/index.d.ts:79 (新しいウィンドウが開きます)
#最大バーの厚さ
•最大バーの厚さ:number
バーのサイズがこれより太くならないようにこれを設定します。
#で定義
タイプ/index.d.ts:129 (新しいウィンドウが開きます)
#minBarLength
•minBarLength:number
バーがピクセル単位で最小の長さになるようにこれを設定します。
#で定義
タイプ/index.d.ts:134 (新しいウィンドウが開きます)
#正規化された
•正規化された:boolean
Chart.js は、データセット間で一意で並べ替えられ、一貫性のあるインデックスをデータに提供し、それを Chart.js に知らせるための Normalized: true オプションを提供すると最速になります。
#継承元
#で定義
タイプ/index.d.ts:63 (新しいウィンドウが開きます)
#注文
•注文:number
データセットの描画順序。スタック、ツールヒント、凡例の順序にも影響します。
#継承元
#で定義
タイプ/index.d.ts:83 (新しいウィンドウが開きます)
#解析する
•解析する:false
| {[key: string]
:string
; }
データセットを解析する方法。解析は、チャート オプションまたはデータセットで parsing: false を指定することで無効にできます。解析が無効になっている場合は、関連するグラフの種類とスケールが内部で使用する形式でデータを並べ替える必要があります。
#継承元
#で定義
タイプ/index.d.ts:54 (新しいウィンドウが開きます)
#ポイントスタイル
•ポイントスタイル:PointStyle
凡例のポイント スタイル
Default
'丸;
#で定義
タイプ/index.d.ts:140 (新しいウィンドウが開きます)
#スタック
•スタック:string
このデータセットが属するグループの ID (スタックすると、各グループは個別のスタックになります)。
#継承元
#で定義
タイプ/index.d.ts:88 (新しいウィンドウが開きます)
#トランジション
•トランジション:TransitionsSpec
<"bar"
>
#継承元
アニメーションオプション.トランジション
#で定義
タイプ/index.d.ts:1727 (新しいウィンドウが開きます)
#x軸ID
•x軸ID:string
このデータセットをプロットする X 軸の ID。
#で定義
タイプ/index.d.ts:104 (新しいウィンドウが開きます)
#y軸ID
•y軸ID:string
このデータセットをプロットする y 軸の ID。
#で定義
タイプ/index.d.ts:108 (新しいウィンドウが開きます)